<template>
    <!-- 数据管理 - 用户列表 -->
    <div>
        <el-header height="auto">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/Main/index' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item>
                    <a>数据管理</a>
                </el-breadcrumb-item>
                <el-breadcrumb-item>用户列表</el-breadcrumb-item>
            </el-breadcrumb>
            <el-dropdown placement="bottom">
                <span class="el-dropdown-link">
                    <img src="../../../assets/img/default.jpg" alt />
                </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="goToIndex">首页</el-dropdown-item>
                    <el-dropdown-item @click.native="LogOUt">退出</el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
        </el-header>
        <main class="user-content list_content">
            <section>
                <el-table :data="tableData" style="width: 100%">
                    <el-table-column type="index" width="100" :index="indexMethod"></el-table-column>
                    <el-table-column prop="date" label="注册日期" width="180"></el-table-column>
                    <el-table-column prop="name" label="用户姓名" width="180"></el-table-column>
                    <el-table-column prop="address" label="注册地址"></el-table-column>
                </el-table>
            </section>
            <section class="Pagination">
                <el-pagination
                    background
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="currentPage1"
                    :page-size="100"
                    layout="total, prev, pager, next"
                    :total="1000"
                ></el-pagination>
            </section>
        </main>
    </div>
</template>
<script src="./template.js"></script>
<style scoped>
</style>